 <?php echo $this->load->view('_elements/navigate'); ?>

<div id="content">

    <div id ="sidebar">
        <div id="leftblock2" class="blockstyle">
            <div class="numlistelement">Membership FAQ's</div>
            <div class="listelement blocktab">Payment FAQ's</div>
            <div class="listelement blocktab" >Report Amuse FAQ's</div>
            <div class="listelement blocktab" style="margin-bottom: 20px;">Contact Us</div>
        </div>
        
       <?php echo $this->load->view('_elements/MostPopular'); ?>
    </div>

	<div id="centerbar">
		<div class="titlered">HN FAQ's</div>
		<div id="centralblock" class="blockstyle" style="padding-bottom:40px;">
			<table id="faq" border="none" cellpadding="0" cellspacing="0" width="100%">
				<thead>
					<tr><th style="border:0"></th></tr>
				</thead>
				<tbody>
					<?php $id=1; foreach ($list as $i => $row): ?>
						<?php if($row->faq_status != '2'):?>
							<tr style="text-align:left;">
							<td>
							<div class="faqItem"><?php echo $id++; ?>. <?php echo $row->faq_question; ?></div>
							<div class="italicred blocktab"><?php echo $row->faq_answer; ?></div>
							</td>
							</tr>
						<?php endif;?>
					<?php endforeach; ?>
				</tbody>
			</table>
	    </div>
	</div>

	<?php echo $this->load->view('_elements/Followrefs'); ?>

</div>

<script type="text/javascript">

 var oTable;

 $(document).ready(function()
 {
  /* Init DataTables */
  	oTable = $('#faq').dataTable(
  	{
  		"sDom": '<"top"i>rt<"bottom"flp><"clear">',
   		"aaSorting": [],
   		"aoColumns": [
      		{ "bSortable": false },
     	],

	   "bPaginate": true,
	   "bLengthChange": true,
	   "bFilter": false,
	   "bSort": true,
	   "bInfo": false,
	   "bAutoWidth": true,
	   "bJQueryUI": true,
	   "sPaginationType": "full_numbers"
  });

  		$('#faq_paginate').append('<span id="page_text" class="red fg-button ui-button ui-state-default ui-state-disabled">Page </span>');
    	$('#faq_first, #faq_previous, #faq_next, #faq_last').hide();
        $(".dataTables_paginate span span.fg-button.ui-button.ui-state-default").parent().attr('id','leftnav').css({'left':'60px', 'position':'absolute'});
		$("#faq_length").css({'float': 'right', 'right':'320px','position':'relative'}).attr('class','blue');
  });

 /*
  * I don't actually use this here, but it is provided as it might be useful and demonstrates
  * getting the TR nodes from DataTables
  */
 function fnGetSelected( oTableLocal )
 {
  var aReturn = new Array();
  var aTrs = oTableLocal.fnGetNodes();

  for ( var i=0 ; i<aTrs.length ; i++ )
  {
   if ( $(aTrs[i]).hasClass('row_selected') )
   {
    aReturn.push( aTrs[i] );
   }
  }
  return aReturn;
 }

 </script>